
<!DOCTYPE html>
<html>

<head>
	<title>泰山饭店-首页</title>

	<!--/tags -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="" />
	<script type="application/x-javascript">
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!--//tags -->
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
	<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
	<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
	<link href="css/font-awesome.css" rel="stylesheet">
	<link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />
	<!-- //for bootstrap working -->
	<link href="http://fonts.googleapis.com/css?family=Raleway:100,100i,200,300,300i,400,400i,500,500i,600,600i,700,800" rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,600i,700" rel="stylesheet">
</head>

<body>
	<div class="top_header" id="home">
		<!-- Fixed navbar -->
		<nav class="navbar navbar-default navbar-fixed-top">
			<div class="nav_top_fx_w3ls_agileinfo">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false"
					    aria-controls="navbar">
			            <span class="sr-only">Toggle navigation</span>
			            <span class="icon-bar"></span>
			            <span class="icon-bar"></span>
			            <span class="icon-bar"></span>
		          	</button>
					<div class="logo-w3layouts-agileits">
						<h1> 
							<a class="navbar-brand" href="index.html">
							<i class="fa-logo"></i> </a>
						</h1>
					</div>
				</div>
				<div id="navbar" class="navbar-collapse collapse">
					<div class="nav_right_top">
						<ul class="nav navbar-nav navbar-right">
							<li><a class="request" href="contact.html"><i class="fa fa-phone" aria-hidden="true"></i>15611001885</a></li>
						</ul>
						<ul class="nav navbar-nav">
							<li class="active"><a href="index.html">首页</a></li>
							<li><a href="field.html">会场介绍</a></li>
							<li><a href="room.html">客房服务</a></li>
							<li><a href="fun.html">餐饮娱乐</a></li>
							<li><a href="contact.html">联系我们</a></li>
						</ul>
					</div>
				</div>
				<!--/.nav-collapse -->
			</div>
		</nav>
	</div>
	<!-- banner -->
	<div id="myCarousel" class="carousel slide" data-ride="carousel">
		<!-- Indicators -->
		<ol class="carousel-indicators">
			<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
			<li data-target="#myCarousel" data-slide-to="1" class=""></li>
			<li data-target="#myCarousel" data-slide-to="2" class=""></li>
			<li data-target="#myCarousel" data-slide-to="3" class=""></li>
		</ol>
		<div class="carousel-inner" role="listbox">
			<div class="item item2 active">
				<div class="container">
					<div class="carousel-caption">
						<h3>泰山酒店欢迎您</h3>
						<p>您理想的商务酒店之选</p>
						<div class="top-buttons">
							<div class="bnr-button">
								<a class="act" href="field.html">Read More</a>
							</div>
							<div class="bnr-button">
								<a href="contact.html" class="two scroll ">contact</a>
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
			</div>
			<div class="item item3">
				<div class="container">
					<div class="carousel-caption">
						<h3>泰山酒店-齐鲁厅</h3>
						<p>百人会场，专业服务助您会议成功</p>
						<div class="top-buttons">
							<div class="bnr-button">
								<a class="act" href="field.html">Read More</a>
							</div>
							<div class="bnr-button">
								<a href="contact.html" class="two scroll ">contact</a>
							</div>
							<div class="clearfix"> </div>
						</div>

					</div>
				</div>
			</div>
			<div class="item ">
				<div class="container">
					<div class="carousel-caption">
						<h3>泰山酒店-韩香馆</h3>
						<p>特色美食，点缀活动历程</p>
						<div class="top-buttons">
							<div class="bnr-button">
								<a class="act" href="field.html">Read More</a>
							</div>
							<div class="bnr-button">
								<a href="contact.html" class="two scroll ">contact</a>
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
			</div>

			<div class="item item4">
				<div class="container">
					<div class="carousel-caption">

						<h3>泰山酒店-玉带厅</h3>
						<p>百人会场，专业服务助您会议成功</p>
						<div class="top-buttons">
							<div class="bnr-button">
								<a class="act" href="field.html">Read More</a>
							</div>
							<div class="bnr-button">
								<a href="contact.html" class="two scroll ">contact</a>
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
			<span class="fa fa-chevron-left" aria-hidden="true"></span>
			<span class="sr-only">Previous</span>
		</a>
		<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
			<span class="fa fa-chevron-right" aria-hidden="true"></span>
			<span class="sr-only">Next</span>
		</a>
		<!-- The Modal -->
	</div>
	<!--//banner -->
	<!--/ab-->
	<div class="banner_bottom">
		<div class="container">
			<div class="inner_sec_info_wthree_agile">
				<div class="help_full">

					<div class="col-md-6 banner_bottom_grid help">
						<img src="images/ab.jpg" alt=" " class="img-responsive">
					</div>
					<div class="col-md-6 banner_bottom_left">
						<h4>酒店概况</h4>
						<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;北京泰山饭店紧邻京城北部的上地信息产业基地，是一家豪华型的商务酒店。本酒店拥有客房336间套，14个不同规格的宴会及会议室。在这里您能品尝到正宗的粤菜、鲁菜、日式刺身料理。高档粤菜选料讲究，并将最新的分子料理概念融入到粤菜，包括燕鲍翅、海鲜、高档小炒等。鲁菜材料选用广泛，烹调技法多样，出品风味独特。充分满足社会各界人士的消费需求。其高雅的环境，独特的设计，贴心的服务为您的就餐提供温馨、舒适的感受，是进行各类会议、宴会及娱乐休闲的首选之地。</p>
						<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;酒店坐落于北京海淀区西三旗安宁北里八号，紧邻京城北部的上地信息产业基地，距北京首都国际机场仅需25分钟车程。泰山饭店周边毗邻联想、百度、金山、航天城等公司和北大、清华等高等院校，从饭店前往八达岭长城、十三陵、颐和园、圆明园等旅游景点交通便捷。是您商务出行、休闲度假、温馨家庭之旅的最佳选择！</p>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
			<div class="news-main">
				<div class="col-md-4 banner_bottom_left">
					<div class="banner_bottom_pos">
						<div class="banner_bottom_pos_grid">
							<div class="col-xs-3 banner_bottom_grid_left">
								<div class="banner_bottom_grid_left_grid">
									<span class="fa fa-laptop" aria-hidden="true"></span>
								</div>
							</div>
							<div class="col-xs-9 banner_bottom_grid_right">
								<h4>商务会议</h4>
								<p>拥有14间不同规格的会议室,为举办不同形式的中小型会议、宴会及商务活动提供更加灵活方便地选择。先进的视听设备，无线高速互联网接入，专业的会议服务团队，为您量身定制活动方案。</p>

							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
				<div class="col-md-4 banner_bottom_left">
					<div class="banner_bottom_pos">
						<div class="banner_bottom_pos_grid">
							<div class="col-xs-3 banner_bottom_grid_left">
								<div class="banner_bottom_grid_left_grid">
									<span class="fa fa-pencil-square-o" aria-hidden="true"></span>
								</div>
							</div>
							<div class="col-xs-9 banner_bottom_grid_right">
								<h4>客房服务</h4>
								<p>拥有客房336间套，设有标准间、豪华间、行政间、总统套房等，装修时尚、环境舒适。房间均配有无线(WIFI)上网服务、保险箱、卫星电视。行政楼层设有行政酒廊为客人提供专享独立的用餐区及会议区。</p>

							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
				<div class="col-md-4 banner_bottom_left">
					<div class="banner_bottom_pos">
						<div class="banner_bottom_pos_grid">
							<div class="col-xs-3 banner_bottom_grid_left">
								<div class="banner_bottom_grid_left_grid">
									<span class="fa fa-newspaper-o" aria-hidden="true"></span>
								</div>
							</div>
							<div class="col-xs-9 banner_bottom_grid_right">
								<h4>餐饮中心</h4>
								<p>中餐厅烹饪正宗的鲁菜，选料考究，菜品丰富，口味鲜美纯正。咖啡厅意在为客人提供意大利、南美、亚洲等国家和地区的各种风味美食。韩香馆擅长精美的韩国料理，可接待小型会议自助餐。</p>

							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!--//ab-->
		<!--/projects-->
	<div class="banner_bottom proj">
		<div class="wrap_view">
			<div class="inner_sec">
				<ul class="portfolio-area row">

					<li class="portfolio-item2 col-md-3" data-id="id-0" data-type="cat-item-4">
						<div>
							<span class="image-block img-hover">
							<a class="image-zoom" href="images/g1.jpg" rel="prettyPhoto[gallery]">
							
									<img src="images/p1.jpg" class="img-responsive" alt="Conceit">
									<div class="port-info">
											<h5>明湖厅</h5>
											
										</div>
							</a>
						</span>
						</div>
					</li>


					<li class="portfolio-item2 col-md-3" data-id="id-1" data-type="cat-item-2">
						<div>
							<span class="image-block">
							<a class="image-zoom" href="images/g2.jpg" rel="prettyPhoto[gallery]">
								
									<img src="images/p2.jpg" class="img-responsive" alt="Conceit">
								<div class="port-info">
											<h5>总统套房</h5>
											
										</div>
							</a>
						</span>
						</div>
					</li>


					<li class="portfolio-item2 col-md-3" data-id="id-2" data-type="cat-item-1">
						<div>
							<span class="image-block">
							<a class="image-zoom" href="images/g3.jpg" rel="prettyPhoto[gallery]">
							
									<img src="images/p3.jpg" class="img-responsive" alt="Conceit">
								<div class="port-info">
											<h5>泰山厅</h5>
											
										</div>
							</a>
						</span>
						</div>
					</li>


					<li class="portfolio-item2 col-md-3" data-id="id-3" data-type="cat-item-4">
						<div>
							<span class="image-block">
							<a class="image-zoom" href="images/g4.jpg" rel="prettyPhoto[gallery]">
								
									<img src="images/p4.jpg" class="img-responsive" alt="Conceit">
									<div class="port-info">
											<h5>温泉会馆</h5>
											
										</div>
							</a>
						</span>
						</div>
					</li>


					<li class="portfolio-item2 col-md-3" data-id="id-4" data-type="cat-item-3">
						<div>
							<span class="image-block">
							<a class="image-zoom" href="images/g5.jpg" rel="prettyPhoto[gallery]">
								
									<img src="images/p5.jpg" class="img-responsive" alt="Conceit">
									<div class="port-info">
											<h5>标准套间</h5>
											
										</div>
							</a>
						</span>
						</div>
					</li>


					<li class="portfolio-item2 col-md-3" data-id="id-5" data-type="cat-item-2">
						<div>
							<span class="image-block">
							<a class="image-zoom" href="images/g6.jpg" rel="prettyPhoto[gallery]">
								
									<img src="images/p6.jpg" class="img-responsive" alt="Conceit">
									<div class="port-info">
											<h5>御座中餐厅</h5>
											
										</div>
							</a>
						</span>
						</div>
					</li>


					<li class="portfolio-item2 col-md-3" data-id="id-6" data-type="cat-item-1">
						<div>
							<span class="image-block">
							<a class="image-zoom" href="images/g7.jpg" rel="prettyPhoto[gallery]">
							
									<img src="images/p7.jpg" class="img-responsive" alt="Conceit">
								      <div class="port-info">
											<h5>KTV包房</h5>
											
										</div>
							</a>
						</span>
						</div>
					</li>


					<li class="portfolio-item2 col-md-3" data-id="id-7" data-type="cat-item-1">
						<div>
							<span class="image-block">
							<a class="image-zoom" href="images/g8.jpg" rel="prettyPhoto[gallery]">
								
									<img src="images/p8.jpg" class="img-responsive" alt="Conceit">
										<div class="port-info">
											<h5>大堂</h5>
											
										</div>
							
							</a>
						</span>
						</div>
					</li>
				</ul>
				<!--end portfolio-area -->

			</div>

		</div>
	</div>

	<!--//projects-->
	
	<!--/bottom-->
	<div class="banner_bottom">
		<div class="container">
				<div class="help_full">

					<div class="col-md-4 banner_bottom_left">
						<h4>联系方式</h4>
						<p>联系人：杨云飞</p>
						<p>手机：15611001885(微信同此号码)</p>
						<p>邮政编码：100085 </p>
						<p>地址：中国北京市海淀区西三旗安宁北里8号 </p>
						<p>欢迎添加微信获取您的专属服务！</p>
						<img src="images/weixin.jpg" style="width: 70%">
					</div>

					<div class="col-md-8 banner_bottom_grid help">
						<div id="allmap" class="map"></div>
					</div>
					<div class="clearfix"></div>
				</div>

		</div>
	</div>
	<!--//bottom-->

	<!-- footer -->
	<div class="footer">
		<div class="footer_inner_info_w3ls_agileits">


			<p class="copy-right">版权所有 北京泰山饭店 www.taishanfandian.com  服务热线：010-61709009 或 15611001885   地址：中国北京市海淀区西三旗安宁北里8号</p>
		</div>
	</div>
	<!-- //footer -->
	<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.js"></script>
	<script>
		$('ul.dropdown-menu li').hover(function () {
			$(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);
		}, function () {
			$(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);
		});
	</script>

	<!-- js -->
	<!-- Smooth-Scrolling-JavaScript -->
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function ($) {
			$(".scroll, .navbar li a, .footer li a").click(function (event) {
				$('html,body').animate({
					scrollTop: $(this.hash).offset().top
				}, 1000);
			});
			// 百度地图API功能
			var map = new BMap.Map("allmap");    // 创建Map实例
			var point = new BMap.Point(116.33586,40.054833);
			map.centerAndZoom(point, 18);
			var marker = new BMap.Marker(point);  // 创建标注
			//创建检索信息窗口对象
		    var searchInfoWindow = null;
		    var content = '<div style="margin:0;line-height:30px;padding:2px;">' +
                    '<img src="./images/ab.jpg" alt="" style="float:right;zoom:1;overflow:hidden;width:100px;height:100px;margin-left:3px;"/>' +
                    '地址：北京市海淀区西三旗安宁北里8号<br/>订房电话：15611001885<br/>' +
                  '</div>';
			searchInfoWindow = new BMapLib.SearchInfoWindow(map, content, {
					title  : "泰山饭店",       //标题
					width  : 290,             //宽度
					height : 105,             //高度
					panel  : "panel",         //检索结果面板
					enableAutoPan : true,     //自动平移
					searchTypes   :[
						BMAPLIB_TAB_SEARCH,   //周边检索
						BMAPLIB_TAB_TO_HERE,  //到这里去
						BMAPLIB_TAB_FROM_HERE //从这里出发
					]
				});
			marker.addEventListener("click", function(e){
			    searchInfoWindow.open(marker);
		    })
			map.addOverlay(marker);               // 将标注添加到地图中
			//添加地图类型控件
			map.addControl(new BMap.MapTypeControl({
				mapTypes:[
		            BMAP_NORMAL_MAP,
		            BMAP_HYBRID_MAP
		        ]}));	  
			map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放


		});
	</script>
	<!-- //Smooth-Scrolling-JavaScript -->
	<script type="text/javascript">
		$(document).ready(function () {

		});
	</script>
	<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
	<!-- jQuery-Photo-filter-lightbox-Gallery-plugin -->
	<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
	<script src="js/jquery.quicksand.js" type="text/javascript"></script>
	<script src="js/script.js" type="text/javascript"></script>
	<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=440245426e00437b954258dad6a9999b"></script>
	<script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
	<!-- //jQuery-Photo-filter-lightbox-Gallery-plugin -->

</body>

</html>